/* Custom fonts */
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital@0;1&family=Roboto:ital,wght@0,300;1,300&display=swap");

body {
  font-family: "IBM Plex Sans", sans-serif;
}

.progress {
  border-radius: 0;
}

.accordion-button:focus {
  box-shadow: none !important;
}
.accordion-button:not(.collapsed) {
  color: #000000;
  -webkit-box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%) !important;
  box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%) !important;
}
.accordion-button:not(.collapsed) {
  background-color: initial;
}

/* text */
h1,
h2,
h3,
h4,
h5 {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
}

h1 {
  font-size: 45px;
  color: white;
  font-weight: 600;
}

h2 {
  font-size: 32px;
  font-style: normal;
  font-weight: normal;
  color: white;
}

h3 {
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
}

h4 {
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  font-weight: 100;
  color: white;
  line-height: 150%;
  font-family: "IBM Plex Sans", sans-serif;
}

a#help {
  color: white;
  font-weight: 400;
  text-decoration: none;
}
a#help:hover {
  text-decoration: underline;
}

/* Structure of document */
h2#document {
  font-size: 24px;
  font-weight: 500;
  color: #000000;
  font-style: normal;
  line-height: 128%;
}

.structureDocument {
  color: #2595e5;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 1.2em;
  line-height: 150%;
  text-decoration: none !important;
}
.structureDocument:hover {
  color: #1679bf;
  text-decoration: underline !important;
}

p#errorMessage {
  margin-top: 5px;
  margin-left: 5px;
  color: #ff4d3d;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.02em;
  /*display*/
  display: none;
}

#customFile {
  /* width: 860px; */
}

/* Select document type */

h3#documentType {
  font-style: normal;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 28px;
  line-height: 128%;
  color: #000000;
}

h3#techReq {
  font-style: normal;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 28px;
  line-height: 128%;
  color: #000000;
}
.percentText {
  font-style: normal;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 128%;
  color: #aeb4b8;
}
.form-select {
  width: 860px;
  padding-top: 5px;
}
.form-select:hover {
  box-shadow: 0px 0px 5px 5px rgba(18, 102, 241, 0.25);
}
.form-control:hover {
  box-shadow: 0px 0px 5px 5px rgba(18, 102, 241, 0.25);
}
.form-check-input:hover {
  box-shadow: 0px 0px 5px 5px rgba(18, 102, 241, 0.25);
}
.form-check-input[type="checkbox"]:checked:after {
  margin-left: 0.3rem;
}
.form-control-lg {
  font-size: 1.2em;
}
.form-check-label {
  font-family: "Roboto", sans-serif;
  color: #54595c;
}

.form-check-input[type="checkbox"] {
  border-radius: 4px;
  border: 1px solid #2595e5;
}

.form-check-input[type="checkbox"]:checked {
  /*background: #2595E5;*/
}
.form-check-input[type="checkbox"]:checked:focus {
  /*background: #2595E5;*/
}
.form-check-input:checked:before {
  box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) !important;
}
.form-check-input:focus:before {
  box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) !important;
}
.form-check-input:focus:after {
  box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) !important;
}
.form-check-input:checked:after {
  box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) !important;
}
/* Button check document */
.btn {
  width: 326px;
  height: 58px;
  background-color: #2595e5;
  border: 1px solid #2595e5;
  border-radius: 5px;
  color: white;
  text-transform: none;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 24px;
  line-height: 26px;
  letter-spacing: 0.02em;
}

.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover {
  color: #fff;
  background-color: #1679bf;
}

/* Loading*/
a#goBack {
  font-family: "IBM Plex Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 150%;
  color: #2595e5;
  text-decoration: none;
}

a#goBack:hover {
  text-decoration: underline;
}

.accordion-item {
  border-bottom: 0;
}

.accordion-button {
  font-family: "IBM Plex Sans", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  color: #000000;
  letter-spacing: 0.02em;
}

.accordion-button:not(.collapsed) {
  color: #000000;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}

.accordion-button:after {
  position: absolute;
  left: -10px;
}

.left-sidebar {
  background: url("/svg/roads.svg") no-repeat,
    linear-gradient(180deg, #35a1ee 0%, #1e90e1 100%);
  background-position: bottom;
  flex: 0 0 550px;
}

@media (max-width: 1020px) {
  .left-sidebar {
    display: none !important;
  }
}

.input-controls{
  width: 100%;
  max-width: 860px;
}

.input-controls-check{
  width: 100%;
  max-width: 510px;
}